<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Anf Art things!</title>
    <link rel="stylesheet" href="black_line.css" title="black_line" type="text/css" media="screen" charset="utf-8">
    <link href='http://fonts.googleapis.com/css?family=Revalia' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.8.2.min.js" charset="utf-8" type="text/javascript"></script>
    <script src="js/jquery.easing.1.3.js" charset="utf-8" type="text/javascript"></script>
    <script type="text/javascript">
$(document).ready(function(){

    jQuery.easing.def = "easeOutQuad";



    $("#right_side").animate({
        marginLeft: "-510px",
        },0)
    $("#left_side").animate({
        marginRight: "0px",
        },0)

    $("#contact").slideUp(0);

    $("#header").toggle(function(){
        $("#contact").stop().slideDown(500,"easeOutBounce")},
        function(){
        $("#contact").stop().slideUp(800,"easeInOutExpo")

    })

    $("#left_divide").click(function(){
        $("#left_side").stop().animate({marginLeft: "510px"},400);
        $("#right_side").stop().animate({marginLeft: "0px"},400);
    })

    $("#right_divide").click(function(){
        $("#left_side").stop().animate({marginLeft: "0px"},400);
        $("#right_side").stop().animate({marginLeft: "-510px"},400);
    })

    })
    </script>
</head>

<body class="noise">
<a id="top">
    <div id="header">
        <a href="#top">&copy; 2012 Anthony Liu. Click to view Profile.</a><br>

        <div id="contact">
            <div id="contact_container">
                "I Like To Draw Pictures."<br>
                Bata Bullets, Mindless Action Movies and The Boombox. Anthony was born in "The Eighties"<br>
                <br>
                His love of all things arty started at an early age thanks to his father's collection of vintage comics, watching various Saturday morning cartoons and violent movies.<br>
                <br>
                His Favorite food is Cornbeef and Rice.<br>
                <br>
                One day, Anthony would like to be a High Score Winner.<br>
                <br>
                <br>
                Email him at <a href="mailto:anfanee@gmail.com">anfanee@gmail.com</a><br>
                Get some work done. Get in touch!
            </div>
        </div>
    </div>

    <div id="horizontal_line" class="line" style="height:1px;">
        <div id="wrapper">
            <div id="left_divide">
                <!-- HERE IS THE LEFT SIDE -->

                <div id="left_side" class="slabtexted">
                    <br>

                    <h1 align="center" class="slabtext">ILLUSTRATION</h1>

                    <div class="image"><img src="images/chiliredyellow.jpg" alt="chiliredyellow" width="200" height="100"></div>

                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>
                    Phasellus euismod fermentum mauris. Sed volutpat nulla non justo pellentesque eu posuere tortor scelerisque. Donec tincidunt, justo non porttitor ultrices, tellus orci sodales nibh, sed dictum tellus augue nec urna. Cras egestas massa eu purus scelerisque non aliquet magna fermentum.</p>

                    <p>Nam eu felis eros. Nulla tellus nisi, sagittis id tincidunt eu, pulvinar eget turpis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis leo vitae eros iaculis ultricies. Ut aliquet euismod ullamcorper.<br>
                    Fusce hendrerit porta lectus vitae euismod. Morbi varius fringilla mi at sollicitudin. Mauris volutpat ipsum non nunc egestas ut vulputate orci consectetur. Maecenas elit leo, consectetur nec pellentesque vel, porta a velit. Nunc semper eleifend tellus. Phasellus id aliquet purus. Quisque luctus congue sapien eget aliquet. Sed eget nisi nec ante vulputate placerat. Sed vel erat et lorem lobortis hendrerit eu eu nunc. Donec id aliquam diam. Nam sagittis purus sit amet lectus consectetur gravida.</p>
                </div>
            </div>

            <div id="middle_divide"></div>

            <div id="right_divide">
                <!-- HERE IS THE RIGHT SIDE -->

                <div id="right_side">
                    <br>

                    <h1 align="center">SKETCHES</h1>

                    <div class="image"><img src="images/Sketch04.jpg" alt="Sketch04" width="200" height="100"></div>

                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>
                    Phasellus euismod fermentum mauris. Sed volutpat nulla non justo pellentesque eu posuere tortor scelerisque. Donec tincidunt, justo non porttitor ultrices, tellus orci sodales nibh, sed dictum tellus augue nec urna. Cras egestas massa eu purus scelerisque non aliquet magna fermentum.</p>

                    <p>Nam eu felis eros. Nulla tellus nisi, sagittis id tincidunt eu, pulvinar eget turpis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum mattis leo vitae eros iaculis ultricies. Ut aliquet euismod ullamcorper.<br>
                    Fusce hendrerit porta lectus vitae euismod. Morbi varius fringilla mi at sollicitudin. Mauris volutpat ipsum non nunc egestas ut vulputate orci consectetur. Maecenas elit leo, consectetur nec pellentesque vel, porta a velit. Nunc semper eleifend tellus. Phasellus id aliquet purus. Quisque luctus congue sapien eget aliquet. Sed eget nisi nec ante vulputate placerat. Sed vel erat et lorem lobortis hendrerit eu eu nunc. Donec id aliquam diam. Nam sagittis purus sit amet lectus consectetur gravida.</p>
                </div>
            </div>
        </div>

        <div id="footer">

            <div style="clear: both;">
                Email me at <a href="mailto:anfanee@gmail.com">anfanee@gmail.com</a><br />
<img src="images/signature_white.png" alt="signature_white" width="142" height="47" align="right">
        </div>
        </div>
    </div>
</body>
</html>
